.ui-datepicker-warpper{
	width: 240px;
	font-size:16px;
	color:#666;
	/* 给盒子模型添加一个阴影效果  */
	box-shadow:2px 2px 8px 2px rgba(128,128,128,.3);
	/* 默认是隐藏  */ 
	display: none;
	/* 绝对定位，防止影响其他元素的结构及布局 ,相对于它父类元素定位*/
	position: absolute;
}
.ui-datepicker-warpper-show{
	display: block;
}
/* 采用级联方式编写样式，避免与外界样式冲突  */
.ui-datepicker-warpper .ui-datepicker-header{
	padding:0 20px;
	height: 50px;
	line-height:50px;
	text-align: center;
	background:#f0f0f0;
	/* 添加一个低边框，分割  */
	border-bottom:1px solid #ccc; 
	font-weight:bold;
}
.ui-datepicker-warpper .ui-datepicker-btn{
	font-family:serif;
	font-size:20px;
	width: 20px;
	height: 50px;
	line-height:50px;
	color:#1abc9c;
	text-align: center;
	/* 添加一个手型  */
	cursor:pointer;
	/*  去掉a标签的下划线 */
	text-decoration:none;
}
.ui-datepicker-warpper .ui-datepicker-prev-btn{
	float:left;
}
.ui-datepicker-warpper .ui-datepicker-next-btn{
	float:right;
}
.ui-datepicker-warpper .ui-datepicker-body table{
	width: 100%;
	/* 可以折叠 */
	border-collapse:collapse;
}
/** 表头和单元格的样式 */
.ui-datepicker-warpper .ui-datepicker-body th,
.ui-datepicker-warpper .ui-datepicker-body td{
	height: 30px;
	text-align: center;
}
.ui-datepicker-warpper .ui-datepicker-body th{
	font-size:12px;
	height: 40px;
	line-height:40px;
}
.ui-datepicker-warpper .ui-datepicker-body td{
	border:1px solid #f0f0f0;
	font-size:10px;
	cursor:pointer;
}
.ui-datapicker-wrapper .ui-datapicker-body td:hover{
	background-color: #1ad7c6;
	color:black;
}
